﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title>Minesweeper</title>
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <script type="text/javascript" src="Scripts/lib/jquery-2.0.2.min.js"></script>
        <script type="text/javascript" src="Scripts/lib/jquery-ui-1.10.3.min.js"></script>
        <script type="text/javascript" src="Scripts/lib/ProtoClass.js"></script>
        <script type="text/javascript" src="Scripts/lib/jquery.playSound.js"></script>
        <link href="Styles/jquery-ui-1.10.3.custom.css" rel="stylesheet" />
        <link href="Styles/jquery.ui.tabs.css" rel="stylesheet" />
        <link href="Styles/main.css" rel="stylesheet"/>
        <link href="Images/mine-red-25.png" rel="shortcut icon" />

    </head>
    <body>
        <div id="start-menu">
            <h1 id="levels">Choose Level</h1>
            <div>
                <input type="button" value="Easy" class="level-btn" id="easy" />
            </div>
            <div>
                <input type="button" value="Medium" class="level-btn" id="medium"/>
            </div>
            <div>
                <input type="button" value="Hard" class="level-btn" id="hard"/>
            </div>
        </div>

        <div id="container">
            <div id="wrapper">
                <div id="top-nav">
                    <input type="button" id="newgame-btn" value="NEW GAME" />
                    <span id="timer"></span>
                    <input type="button" id="pause-btn" value="PAUSE"/>
                </div>

                <div id="gameboard"></div>
                
                <div id="bottom-nav">
                    <span id="remaining-mines"></span>
                    <span id="current-level"></span>
                    <span id="remaining-blocks"></span>
                </div>
            </div>

            <div id="scoreboard"></div>

        </div>

        <div id="fb-root"></div>

        <script type="text/javascript" src="Scripts/minesweeper.js"></script>
        <script type="text/javascript" src="Scripts/facebook-share.js"></script>
    </body>
</html>
